﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{$markerconfig.Name}</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="/templatesstore/css/iscroll.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/Content/weui/weui.min.css" />
    <link rel="stylesheet" href="/Content/weui/weui.example.css" />
    <link rel="stylesheet" href="/Content/sui/css/sui.min.css" />
    <link rel="stylesheet" href="/Content/sui/css/sui-append.min.css" />
    <script src="/templatesstore/js/iscroll.js" type="text/javascript"></script>
    <script type="text/javascript">
        var myScroll;
        function loaded() {
            myScroll = new iScroll('wrapper', {
                snap: true,
                momentum: false,
                hScrollbar: false,
                onScrollEnd: function () {
                    document.querySelector('#indicator > li.active').className = '';
                    document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
                }
            });
        }
        document.addEventListener('DOMContentLoaded', loaded, false);
    </script>
    <style>
        .menu {
            height: 8%;
            display: block;
            position: absolute;
            top: 85%;
            width: 100%;
            z-index: 100;
        }
    </style>
</head>
<body style="background-color: white" class="bg11">
    <!--<div class="slide-bar">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <vt:function var="hdp" method="getAdvertisement" type="$this" rows="10" />
                <vt:foreach from="$hdp" item="p" index="i">
                    <div class="swiper-slide">
                        <a href="{$p.linkurl}">
                            <img src="{$p.img_path}" alt="" />
                        </a>
                    </div>
                </vt:foreach>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>-->
    <div class="banner">
        <div id="wrapper">
            <div id="scroller">
                <ul id="thelist">
                    <vt:function var="hdp" method="getPanos" type="$this" />
                    <vt:foreach from="$hdp" item="p" index="i">
                        <li>
                            <a href="pano.aspx?id={$p.id}" class="btn">
                                <p>{$p.jdName}</p>
                                <img src="{$p.pic_yulan}" style="width:298px;height:500px" alt="" />
                            </a>
                        </li>
                    </vt:foreach>
                </ul>
            </div>
        </div>
        <div id="nav">
            <div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,{$hdp.Count});return false">
                &larr; prev
            </div>
            <ul id="indicator">
                <vt:foreach from="$hdp" item="p" index="i">
                    <vt:if var="#.i.isfirst" value="true">
                        <li class="active">1</li>
                        <vt:else>
                            <li>{$i}</li>
                    </vt:if>
                </vt:foreach>
            </ul>
            <div id="next" onclick="myScroll.scrollToPage('next', 0,400,{$hdp.Count});return false">
                next &rarr;
            </div>
        </div>
        <div class="clr">
        </div>
    </div>
    <div class="bd menu">
        <div class="weui_grids">
            <a href="/weixin/scenic/index.aspx?id=3" class="weui_grid js_grid" data-id="button">
                <div class="weui_grid_icon">
                    <img src="/modules/cdrt/smart//images/icon_nav_button.png" alt="" />
                </div>
                <p class="weui_grid_label">
                    景区名录
                </p>
            </a><a href="/weixin/pano360/detail.aspx?wid={$wid}" class="weui_grid js_grid" data-id="cell">
                <div class="weui_grid_icon">
                    <img src="/modules/cdrt/smart/images/icon_nav_cell.png" alt="" />
                </div>
                <p class="weui_grid_label">
                    3D景区
                </p>
            </a><a href="/weixin/pano360/scenic_around.aspx?wid={$wid}" class="weui_grid js_grid"
                   data-id="toast">
                <div class="weui_grid_icon">
                    <img src="/modules/cdrt/smart/images/icon_nav_toast.png" alt="" />
                </div>
                <p class="weui_grid_label">
                    景区周边
                </p>
            </a>
        </div>
    </div>
    <script>
         var count = document.getElementById("thelist").getElementsByTagName("img").length;
         var count2 = document.getElementsByClassName("menuimg").length;
         var height = document.body.clientWidth * 0.9;
         for (i = 0; i < count; i++) {
             document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px;height:" + height + "px";

         }
         document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px;height:" + height + "px";

         setInterval(function () {
             myScroll.scrollToPage('next', 0, 400, count);
         }, 3500);
         window.onresize = function () {
             for (i = 0; i < count; i++) {
                 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px;height:" + height + "px";

             }
             document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px;height:" + height + "px";
         }
    </script>
    <!-- <script>
         var count = document.getElementById("thelist").getElementsByTagName("img").length;
         var height = window.innerHeight * 0.8;
         var width = window.innerWidth;
         for (i = 0; i < count; i++) {
             document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + (width - 2) + "px;height:" + (height) + "px";
         }
         //-19是因为拉深时候的图片平滑
         document.getElementById("scroller").style.cssText = " width:" + ((width - 2) * (count) + 25) + "px;height:" + (height) + "px";

         setInterval(function () {
             myScroll.scrollToPage('next', 0, 400, count);
         }, 3500);

         window.onresize = function () {
             height = window.innerHeight * 0.8;
             width = window.innerWidth;
             for (i = 0; i < count; i++) {
                 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + (width) + "px;height:" + height + "px";
                 //-19是因为拉深时候的图片平滑
             }
             document.getElementById("scroller").style.cssText = " width:" + ((width) * count + 25) + "px;height:" + (height) + "px";
         }
     </script>-->
    <div class="text">
        {$markerconfig.Description}
    </div>
    <!--<script type="text/javascript">
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            // 分页器
            pagination: '.swiper-pagination'
        })
    </script>-->
</body>
</html>
<!--1e2124dd04e11d01b9df2865f85944be-->
